<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:vtex="http://www.vtex.com.br/2009/vtex-common" xmlns:vtex.cmc="http://www.vtex.com.br/2009/vtex-commerce">
	<head>
		<title>Loungerie</title>
		<vtex:metaTags/>
			<link href="/Control/ArquivoExibir.aspx?NomeArquivo=reset.css " rel="stylesheet" type="text/css" />
			<link href="/Control/ArquivoExibir.aspx?NomeArquivo=global.css " rel="stylesheet" type="text/css" />
			<link href="/Control/ArquivoExibir.aspx?NomeArquivo=product.css" rel="stylesheet" type="text/css" />
			<script type="text/javascript" src="/Control/ArquivoExibir.aspx?NomeArquivo=cufon-yui.js"></script>
			<script type="text/javascript" src="/Control/ArquivoExibir.aspx?NomeArquivo=Chaparral_Pro_400.font.js"></script>
			<script type="text/javascript" src="/Control/ArquivoExibir.aspx?NomeArquivo=interface.js"></script>
			<script type="text/javascript" src="/Control/ArquivoExibir.aspx?NomeArquivo=product.js"></script>
	</head>
	<body id="produto">
		<div id="general">
			<vtex:template id="header" />
				<vtex:template id="menu-principal" />
					<div id="main" class="clearfix">
						<div id="left-side">
							<vtex.cmc:breadCrumb />
							<vtex.cmc:departmentNavigator/>
						</div>
						<div id="product">
							<div id='gatherProduct'>
								<div id="images">
									<vtex.cmc:ProductImage />
								</div>
								<div id="informations">
									<ul id="share">
										<li>
											<a href="" class="facebook" title="Facebook">Facebook</a>
										</li>
										<li>
											<a href="" class="twitter" title="Twitter">Twitter</a>
										</li>
										<li>
											<a href="" class="mail" title="Email">Email</a>
										</li>
										<li>
											<a href="" class="print" title="Imprimir">Imprimir</a>
										</li>
										<li>
											<a href="" class="add" title="Add This">Add This</a>
										</li>
									</ul>
									<h1>
									<vtex.cmc:productName />
									</h1>
									<div id='idProduct'>
										<vtex.cmc:productReference/>
									</div>
									<div class="clearfix description">
										<vtex.cmc:ProductDescription/>
									</div>
									<div class="clearfix price">
										<vtex.cmc:skuPrice />
									</div>
									<div class="clearfix measures">
										<div class="insertmeasures">
											<a href="javascript:void(0)" id="insertmneasures"> Clique aqui para cadastrar a suas medidas</a>
										</div>
									</div>
									<div class="clearfix selectors">
										<vtex.cmc:stockKeepingUnitSelection />
									</div>
									<div class="similar product">
										<vtex:contentPlaceHolder id="Similares" />
									</div>
									<div class="clearfix wishlist">
										<vtex.cmc:giftListInsertSku/>
									</div>
									<div class="buttons clearfix">
										<a href="javascript:void(0)" class="addtolist">Incluir na lista de Desejos</a>
										<vtex.cmc:BuyButton />
									</div>
									<div id='gatherBorderRight'>
									</div>
								</div>
							</div>
							<div id="collections">
								<div class="products">
									<vtex:contentPlaceHolder id="ColecaoQVVT" />
								</div>
								<div class="clearfix porducts sugests">
									<vtex:contentPlaceHolder id="Similares" />
								</div>
								<div class="clearfix products sugests">
									<vtex:contentPlaceHolder id="sugestoes" />
										<div class="clearfix moresugests">
											<a href="javascript:void(0)" class="more">Mais Sugestões</a>
										</div>
								</div>
							</div>
						</div>
					</div>
					<vtex:template id="footer" />
		</div>
		<div class="shadow">
		</div>
		<div class="measuresbox">
			<div class="measureheader">
				<h2>
				Minhas Medidas
				<a href="javascript:void(0)" class="close"></a>
				</h2>
				<ul class="clearfix">
					<li class="cadastrar" style='margin-left: 147px;'>
						<a href="javascript:void(0)">Cadastrar Medidas</a>
					</li>
					<li class="comomedir">
						<a class="active" href="javascript:void(0)">Como Medir?</a>
					</li>
					<li class="tabelademedidas">
						<a href="javascript:void(0)">Tabela de Medidas</a>
					</li>
				</ul>
			</div>
			<div class="boxes">
				<div class="box measurescontent">
					<h3>Minhas Medidas - Cadastrar</h3>
					<div class="inner clearfix">
						<div class="sutia clearfix">
							<div class="form clearfix">

							</div>
						</div>
						<div class="calcinha clearfix">
							<div class="form clearfix">

							</div>
						</div>
					</div>
					<div class="actions">
						<ul>
							<li>
								<a href="javascript:void(0)" class="cancelar">Cancelar</a>
							</li>
							<li>
								<a href="javascript:void(0)" class="salvar">Salvar</a>
							</li>
						</ul>
					</div>
				</div>
				<div style="display: block" class="box howtomeasure">
					<script type="text/javascript" src="/arquivos/jquery.styleCombobox.js"></script>
					<script type="text/javascript" src="/arquivos/calculadora.js"></script>
					<h3>Tabela de Medidas</h3>
					<noscript>
						<style type="text/css">	.styleCombobox select {
								filter:alpha(opacity=1);
								opacity:1;
							}</style>
					</noscript>
					<form action="#" class="calculadora">
						<h4>PARA CALCULAR A MEDIDA DO SEU SUTIÃ PERFEITO, INSIRA NOS CAMPOS OS NÚMEROS DE TORAX E BUSTO E CLIQUE EM CALCULAR:</h4>
						<div class="torax">
							<img src="/arquivos/img-torax.jpg" alt="" />
							<p>
								INSIRA ABAIXO A MEDIDA DO TORAX
							</p>

							<div class="styleCombobox">
								<select id="torax" name="torax" title="">
									<option value="68">68</option>
									<option value="69">69</option>
									<option value="70">70</option>
									<option value="71">71</option>
									<option value="72">72</option>

									<option value="73">73</option>
									<option value="74">74</option>
									<option value="75">75</option>
									<option value="76">76</option>
									<option value="77">77</option>
									<option value="78">78</option>

									<option value="79">79</option>
									<option value="80">80</option>
									<option value="81">81</option>
									<option value="82">82</option>
									<option value="83">83</option>
									<option value="84">84</option>

									<option value="85">85</option>
									<option value="86">86</option>
									<option value="87">87</option>
									<option value="88">88</option>
									<option value="89">89</option>
									<option value="90">90</option>

									<option value="91">91</option>
									<option value="92">92</option>
									<option value="93">93</option>
									<option value="94">94</option>
									<option value="95">95</option>
									<option value="96">96</option>

									<option value="97">97</option>
								</select>
							</div>
							<legend>
								cm
							</legend>
						</div><!--torax-->
						<div class="busto">
							<img src="/arquivos/img-busto.jpg" alt="" />
							<p>
								INSIRA ABAIXO A MEDIDA DO BUSTO
							</p>

							<div class="styleCombobox styleBusto">
								<select id="busto" name="busto" title="">
									<option value=""></option>
									<option value="80">80</option>
									<option value="81">81</option>
									<option value="82">82</option>
									<option value="83">83</option>

									<option value="84">84</option>
									<option value="85">85</option>
									<option value="86">86</option>
									<option value="87">87</option>
									<option value="88">88</option>
									<option value="89">89</option>

									<option value="90">90</option>
									<option value="91">91</option>
									<option value="92">92</option>
									<option value="93">93</option>
									<option value="94">94</option>
									<option value="95">95</option>

									<option value="96">96</option>
									<option value="97">97</option>
									<option value="98">98</option>
									<option value="99">99</option>
									<option value="100">100</option>
									<option value="101">101</option>

									<option value="102">102</option>
									<option value="103">103</option>
									<option value="104">104</option>
									<option value="105">105</option>
									<option value="106">106</option>
									<option value="107">107</option>

									<option value="108">108</option>
									<option value="109">109</option>
									<option value="110">110</option>
									<option value="111">111</option>
									<option value="112">112</option>
									<option value="113">113</option>

									<option value="114">114</option>
									<option value="115">115</option>
									<option value="116">116</option>
								</select>
							</div>
							<legend>
								cm
							</legend>
						</div><!--busto-->

						<input type="image" id="calcular" class="bt-calcular" src="/arquivos/bt-calcular.png" />
						<div class="resultado">
							<p>
								A MEDIDA DO SEU SUTIÃ PERFEITO É
								<strong id="resultado"></strong>
							</p>
							<a href="#" class="bt-tabela" onclick="$('.measuresbox .measureheader ul li.tabelademedidas a').click();">
							<img src="/arquivos/bt-tabela.png" alt="" />
							</a>
						</div><!--resultado-->
					</form><!--calculadora-->
					<script type="text/javascript">$("select").styleCombobox({
							classFocus:"comboboxFocus"
						});</script>
				</div>
				<div class="box tableofmeasures">
					<h2>Tabela de medidas</h2>
					<div style='display:block; height:400px; width:100%; overflow:auto;'>
						<img alt="Tabela de Medidas" src="/arquivos/img_measure_table.jpg" width="945" style="position:relative; left: -18px"/>
					</div>
				</div>
			</div>
		</div>
	</body>
</html>